<template>
  <li class="saerchnowlist" @click="$emit('chuangzhi-sarch', nowsarch.keyword)">
    <span class="iconfont icon-sousuo"></span>
    <p>{{ nowsarch.keyword }}</p>
  </li>
</template>

<script>
import "../assets/css/iconfont.css";
export default {
  props: ["nowsarch"],
};
</script>

<style lang="less" scoped>
.saerchnowlist {
  margin-top: 10px;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.103);
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: black;
  span {
    display: block;
    width: 8%;
    text-align: center;
  }
  p {
    flex: 1;
  }
}
</style>